<!DOCTYPE html>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<body>
<script>
var t = async_test('Transition end event should fire even if it completes in an on-demand timing update');

window.ontransitionend = function() {
  t.done();
};

document.timeline.playbackRate = 0;
document.timeline.currentTime = 0;

requestAnimationFrame(function() {
  document.body.style.transition = 'background 100ms';
  document.body.style.background = 'green';

  setTimeout(function() {
    document.timeline.currentTime = 100;
    document.body.offsetTop; // Forces a style recalc, on-demand timing update.
  });
});
</script>
